<template>
  <div class="qr-container">
    <!-- <VueQr :text="url" :size="300" :logoCornerRadius="10" /> -->
    <div class="qr-text ticp">请使用微信扫一扫<br />扫描上方二维码</div>
    <div class="qr-text">连接码：{{ id }}</div>
  </div>
</template>
<script>
// import VueQr from 'vue-qr'

export default {
  name: "Qr",
  components: {
    // VueQr,
  },
  props: {
    id: {
      type: String,
      default: "",
    },
  },
  computed: {
    url() {
      return `${window.location.href.replace("fangying", "touying")}`;
    },
  },
};
</script>
<style scoped>
.qr-container {
  width: 300px;
  text-align: center;
}
.qr-text {
  background-color: #fff;

  font-size: 29px;
}
.ticp {
  font-size: 18px !important;
}
</style>
